<link href="~/css/TypeCSS/TypeTwo.css" rel="stylesheet" />
<script src="~/js/sharedAjax.js"></script>
@model User.Models.UserModels
    @{
        ViewData["Title"] = "Type";
    }
<div id="body-display">
    <div id="left-top">
        <div id="left-top-title" class="display-title">
            <p>清单类型列表</p>
        </div>
        <div class="scroll">
            <div>
                <table>
                    @foreach (var item in Model.Type)
                    {
                        <tr>
                            <th>
                            <a href="/Inventory/ShowInventory?userId=@Model.UserId&typeId=@item.TypeId"><h5 style="font-size:20px;">@item.TypeName</h5></a>
                            <a href="/Type/EditType?userId=@item.UserId&typeId=@item.TypeId"><h5 style="float:right;">编辑</h5></a>
                            </th>
                        </tr>
                    }
                </table>
            </div>
            <div class="type-div"></div>
        </div>
    </div>
    <div id="right-top">
        <div id="right-top-title" class="display-title">
            <p>
                事项列表
            </p>
        </div>
        <div class="scroll" id="right-top-content">
            <ul>
                @if (Model.Inventory != null)
                {
                    foreach (var item in Model.Matter)
                    {
                     <li><span>@item.MatterContent</span>
                         @*<a id="a-delete" href="/Type/DeleteMatters?userId=@Model.UserId&matterId=@item.MatterId" onclick='return confirm("确认删除")'>
                             <img src="~/css/删除.png" id="delete-img" />
                         </a>*@
                        <a onclick="deleteMatter(@item.UserId,@item.MatterId)"><img src="~/css/删除.png" id="delete-img" /></a>
                     </li>
                    }
                }
            </ul>
        </div>
    </div>
    <div id="left-bottom">
        <div id="left-bottom-title" class="display-title">
            <p id="matter-content">事项内容</p>
        </div>
        <div class="scroll" style="color:black;">
          <div>
        @if (Model.Matter != null)
        {
            foreach (var item in Model.Matter)
            {
                <span id="@item.MatterId">@item.MatterContent</span>
                <br />
            }
        }
    </div>
        </div>
    </div>
    <div id="right-bottom">
        <div id="right-bottom-title" class="display-title">
            <p id="matter-content">事项备注,是否完成，过期时间</p>
        </div>
       <div class="scroll">
                <div>
                    @if (Model.Matter != null)
                    {
                        foreach(var item in Model.Matter)
                        {
                            <div>
                                <span>@item.Remark</span>
                                <span>@item.IsFinished</span>
                                <span>@item.OverTime.Value.ToString("yyyy-MM-dd")</span>
                            </div>
                            
                        }
                    }
                </div>
        </div>
    </div>
</div>
